<template>
  <div class="box" v-for="(item, index) in list" :key="index">{{ index }}</div>
  <button @click="add">操作</button>
</template>
<script>
export default {
  data() {
    return {
      list: new Array(5).fill(0)
    }
  },
  methods: {
    add(e) {
      e.target.classList = ['abc']
      let dom = document.querySelectorAll('.abc')
      console.log(dom)
      console.log(`helloworld`)
      console.log(e)
    },
    moblink(e) {}
  },
  mounted() {
    this.list.forEach((res) => {
      this.moblink(res)
    })
  }
}
</script>
<style type="text/css">
.box {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
}
</style>
